<script setup lang="ts">
import { ref } from 'vue'
import MyModal from './components/MyModal.vue'

// typeof MyModal     获取 `MyModal` 的组件类型
// InstanceType       获取 `MyModal` 的实例类型
const modal = ref<InstanceType<typeof MyModal>>()

const btn = () => {
  // 打开模态框
  // ?.  可选链操作符
  // 解释：如果 modal.value 为空(null 或 undefined)，则短路并返回 undefined
  modal.value?.open()
}
</script>

<template>
  <h1>App-根组件</h1>
  <button @click="btn">点击打开模态框</button>
  <MyModal ref="modal" />
</template>
